<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>安全中心</title>
    <!--网站前端-通用样式-->
    <link href="../assets/common/css/common.css" rel="stylesheet" type="text/css">
    <!--用户中心-通用样式-->
    <link href="../assets/user-center/css/common.css" rel="stylesheet" type="text/css">
    <link href="../assets/user-center/css/zh-cn_css.css" rel="stylesheet" type="text/css">
    <style type="text/css">object, embed {
        -webkit-animation-duration: .001s;
        -webkit-animation-name: playerInserted;
        -ms-animation-duration: .001s;
        -ms-animation-name: playerInserted;
        -o-animation-duration: .001s;
        -o-animation-name: playerInserted;
        animation-duration: .001s;
        animation-name: playerInserted;
    }
    @-webkit-keyframes playerInserted {
        from {
            opacity: 0.99;
        }
        to {
            opacity: 1;
        }
    }
    @-ms-keyframes playerInserted {
        from {
            opacity: 0.99;
        }
        to {
            opacity: 1;
        }
    }
    @-o-keyframes playerInserted {
        from {
            opacity: 0.99;
        }
        to {
            opacity: 1;
        }
    }
    @keyframes playerInserted {
        from {
            opacity: 0.99;
        }
        to {
            opacity: 1;
        }
    }</style>
</head>
<body class="securityCenter css261">
<!--头部-->
<div class="topbar1">
    <div class="tp wp mkcl">
        <div class="childLogo1">
            <span class="s1"> <img src="../assets/common/logos/head-top.png"></span>
        </div>
        <div class="tbr1">
            <b class="user"></b>
            <a class="account userAccount space-pre" href="#">159****9184</a>
            <span> | </span>
            <a id="logoutUrl" href="#">退出</a>
        </div>
        <div class="left1">
            <p class="s2"><span>|</span>
                <span class="logo_text1">帐号中心</span></p>
        </div>

    </div>
</div>
<div id="showSupportInfo" style="display:none;"></div>
<!--导航-->
<div class="menu wp mkcl">
    <div class="mnr">
        <ul class="nav mkcl">
            <li data-menu="1" class="">
                <a href="#">帐号与安全</a>
            </li>

            <li data-menu="2" class="">
                <a class="menuSlt_info_a"
                   href="#">个人信息
                    <span class="menuSlt_info_circle_red"></span>
                </a>
            </li>

            <li data-menu="5" class="sel">
                <a href="#">安全中心</a>
            </li>

            <li data-menu="4" class="" id="setting_btn">
                <a href="#">设置</a>
            </li>
        </ul>
        <b class="navsign" style="display:none"></b>
    </div>

</div>
<!--内容-->
<div class="wp securityCenterContent mkcl">
    <div class="pannel mkcl" style="">
        <!-- 标题：安全中心 -->
        <div class="ptitle2 setBorderBot">安全中心</div>

        <!-- 找回密码 -->
        <div class="width450 setBorderTop line">
            <div class="uctb mkcl">
                <img class="l" src="https://hwid1.vmall.com/CAS/up/rss_22/css/portal/userCenter_rss/images/ic-findpwd.png?cas20180905">
                <div class="detail">
                    <a id="findPwdLink"><p class="dtop">找回密码</p></a>
                    <p>找回华为帐号密码</p>
                </div>
            </div>
        </div>

        <!-- 自助申诉 -->

        <div class="width450 line">
            <div class="uctb mkcl">
                <img class="l" src="https://hwid1.vmall.com/CAS/up/rss_22/css/portal/userCenter_rss/images/ic-appeal.png?cas20180905">
                <div class="detail">
                    <a id="appealLink"><p class="dtop">自助申诉</p></a>
                    <p>手机或邮件停用时自助申诉</p>
                </div>
            </div>
        </div>


        <!-- 冻结 -->

        <div class="width450 line">
            <div class="uctb mkcl">
                <img class="l" src="https://hwid1.vmall.com/CAS/up/rss_22/css/portal/userCenter_rss/images/ic-froze.png?cas20180905">
                <div class="detail">
                    <a id="frozeAccount"><p class="dtop">冻结帐号</p></a>
                    <p>若怀疑帐号被盗，可紧急冻结帐号</p>
                </div>
            </div>
        </div>

        <!-- 解冻 -->
        <div class="width450 line">
            <div class="uctb mkcl">
                <img class="l" src="https://hwid1.vmall.com/CAS/up/rss_22/css/portal/userCenter_rss/images/ic-unfroze.png?cas20180905">
                <div class="detail">
                    <a id="unfrozeAccount"><p class="dtop">解冻帐号</p></a>
                    <p>解除安全风险后，可解冻帐号</p>
                </div>
            </div>
        </div>

        <div class="line"></div>
    </div>

    <!-- 第三方授权，要求来自用户中心，且对外授权的配置开关打开 -->

    <!-- 授权列表不为空start -->

    <!-- 授权列表不为空end -->

    <!-- 授权列表为空start -->

    <div class="pannel mkcl powerPart">
        <!-- 标题：授权 -->
        <div class="ptitle2 setBorderBot">
            <div>授权</div>
            <div class="subTitle">您已经授权下列应用和网站访问您的帐号</div>
        </div>

        <!-- 无授权的应用和网站 -->
        <div class="no_empower_appOrWeb" id="noAppWeb">
            <div class="noAppImg">
                <img class="" src="https://hwid1.vmall.com/CAS/up/rss_22/css/portal/userCenter_rss/images/no-empower.png?cas20180905">
            </div>
            <span class="noAppWord">无授权的应用和网站</span>
        </div>
    </div>

    <!-- 授权列表为空end -->


</div>
<!--底部-->
<div class="wp ft">
    <p>
        <a href=""
           class="rule" target="_blank">华为帐号用户协议</a>
        <em class="foot_em">|</em>
        <a href="#"
           class="rule" target="_blank">关于华为帐号与隐私的声明</a>
        <em class="foot_em">|</em>
        <a href="#"
           class="ifaq" target="_blank">常见问题</a>
    </p>

    <p>Copyright © 2011-2018 华为技术有限公司 版权所有 保留一切权利&nbsp;&nbsp;苏B2-20070200号 | 苏ICP备09062682号-9</p>
    <p></p>
</div>
</body>
</html>